$(function(){
    
    document.querySelector('.compile_modal_wait span')
        .addEventListener('click',function(){
            if(document.querySelector('.compile_modal_list').style.display=='block'){
                document.querySelector('.compile_modal_list').style.display='none'
            }else{
                document.querySelector('.compile_modal_list').style.display='block'
            }
        })
    document.querySelectorAll('.compile_modal_list li').forEach(function(el_modal_list){
        el_modal_list.addEventListener('click',function(){
            document.querySelector('.compile_modal_wait span')
                .textContent=this.textContent
            document.querySelector('.compile_modal_list').style.display='none'
            
        })
    })
    document.querySelector('.compile_modal_add').addEventListener('click',function(event){
        event.stopPropagation()
    })
    document.getElementById('add_element').addEventListener('click',function(){
        document.getElementById('compile_modal').style.display='flex'
    })
    document.getElementById('compile_modal').addEventListener('click',()=>{
        document.getElementById('compile_modal').style.display='none'
    })
})